<template>
  <div class="row">
 <div class="list-group">
    <router-link to="/hero" class="list-group-item">英雄列表</router-link>
    <router-link to="/zb" class="list-group-item">装备列表</router-link>
    <router-link to="/jn" class="list-group-item">技能列表</router-link>
</div>
  </div>
</template>

<script>
    export default {
        name: 'MyAside'
    }
</script>


<style>
/* 此时的样式router-link-active需要和bootstrap的active样式一致 */
/* 添加.router-link-exact-active类，是为了提高权重 */
.list-group-item.router-link-exact-active, 
.list-group-item.router-link-exact-active:focus, 
.list-group-item.router-link-active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
</style>
